1410826 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

簡単こぴーで使えるHTMLタグ4


楽天用にHTMLタグ
ほんとうはもっとあるんだけど楽天は規制があるのでとりあえず

それとカフェスタ用の改造タグも↑のバナーから
(*アフリィエイトじゃありません。また消されてたまるか!!)
解説ページへ飛んでみてよ
よかったら使ってみてね

redshirt
リンク
マーキー
フォント(文字)
画像系(貼り付け)

HTMLタグ4
画像(貼り付け)いろいろ
画像の貼付 画像を<img src="画像URL">貼付ます。
画像を中央揃え <div align="center"><img src="画像URL"></div>
画像を右寄せ <div align= right >
<img src=
画像URL >
</div>
左画像
+右文字廻込み
<img src="画像URLf" align="left">
画像は左寄せです。<br>
文字は画像の右側に配置されます。<br>
<br clear="left">
画像は左寄せです。
文字は画像の右側に配置されます。

右画像
+左文字廻込み
<img src="画像URL" align="right">
画像は右寄せです。<br>
文字は画像の左側に配置されます。<br>
<br clear="right">
画像は左寄せです。
文字は画像の左側に配置されます。

文字廻込み
解除
<img src="画像URL" align="left">
← 画像左、文章右廻込み<br><br>
<img src="
画像URL" align="right">
画像右、文章左廻込み →
<br clear="all">
文字廻込みを解除。

← 画像左、文章右廻込み






画像右、文章左廻込み →




文字廻込みを解除。
左画像
+文字右上
<img src="画像URL" align="top">
文字が右上に。<br>
文字が画像の右上
左画像
+文字中央
<img src="画像URL" align="middle">
文字が中央に。<br>
文字が画像の中央
左画像
+文字右下
<img src="画像URL" align="bottom">
文字が画像の右下に。<br>
文字が画像の右下
マウスカーソルを乗せると、
説明文を表示
<img src="画像URL" alt=" " title="ninja"> 牛
画像を
縮小表示
<img src = "画像URL" width=150 height=100></a>

※ 縮小表示させても、元の画像を読み込み
   ますので、元画像の容量に関係します。
(一つの同じ画像を縮小表示)

<a href="
画像URL"><img src = "画像URL" width=150 height=100></a>

※ 縮小表示させても、元の画像を読み込み
   ますので、元画像の容量に関係します。
(貼付ける画像は画像ソフトで縮小させて、
 掲示板に表示)

<a href="
画像URL"><img src = "縮小画像URL" ></a>
(貼付ける画像は画像ソフトで縮小させて、
 掲示板に表示、画像廻りの枠を付けない)

<a href="
画像URL"><img src = "縮小画像URL" border="0"></a>
(上記の設定で、別プラウザで表示

<a href="
画像URL" target="_blank"><img src = "縮小画像URL" border="0"></a>
色の反転 <img src="画像URL" alt="色の反転" border="0" style="filter:invert()"> 色の反転
グレイ効果 <img src="画像URL" alt="グレイ効果" border="0" style="filter:gray()"> グレイ効果
左右反転 <img src="画像URL" alt="左右反転" border="0" style="filter:fliph()"> 左右反転
上下反転 <img src="画像URL" alt="上下反転" border="0" style="filter:flipv()"> 上下反転
ぼかし効果 <img src="画像URL" alt="ぼかし効果" border="0" STYLE="filter:Blur(strength=20)"> ぼかし効果
半透明 <img src="画像URL" alt="半透明" border="0" style="filter:alpha(opacity=50)"> 半透明
応用篇

画像の上に文字を載せてみた


<TABLE BACKGROUND= http://image.cafesta.com/promotion/co/041008/gx041008co_baimg03.gif width=216 height=196>
<TR><TD>
<font color=red><b>画像の上に文字を載せてみた</b></font>
</TD></TR>

</TABLE>




 画像の上に文字を載せてみた


<TABLE align= center >  BACKGROUND= http://image.cafesta.com/promotion/co/041008/gx041008co_baimg03.gif width=216 height=196>

<TR><TD>

<marquee scrolldelay= 300 scrollamount= 240 width= 240 > <font
color=red><b>画像の上に文字を載せてみた</b></font>

</marquee>

</TD></TR>

</TABLE>



【楽天市場】ファッション・ブランド 【楽天市場】フード・ドリンク・ワイン
【楽天市場】ヘルス・ビューティ 【楽天市場】ホビー・ペット・コレクション
【楽天市場】パソコン・家電・AV 【楽天市場】スポーツ・アウトドア
【楽天市場】生活・インテリア 【楽天市場】本・雑誌・コミック
【楽天市場】CD・DVD・ゲーム 【楽天トラベル】
【楽天市場】フラワー・ガーデン 【楽天市場】車・バイク
【楽天市場】キッズ・ベビー・マタニティ 【楽天市場】不動産・住まい
【楽天市場】マネー・スタディ・サービス


© Rakuten Group, Inc.
X